﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta  content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Trabajo HTML5 Responsive Template</title>
    <!-- Favicon -->
    <link rel="icon" href="/SWRW/public/assets/images/favicon.png" type="image/png" sizes="32x32">
    <!-- All CSS -->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/aos.min.css">
    <link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome.4.7.0.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/magnific.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/select2.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/slimmenu.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/style.css">
    <!-- Google font -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
</head>
   <body>
      <!--header-start -->
      <header class="header-area">
         <div class="container">
            <div class="row">
               <div class="col-lg-2">
                  <div class="logo">
                     <a href="index.html"><img src="/SWRW/public/assets/images/logo.png" alt="image" /></a>
                  </div>
               </div>
               <div class="col-lg-10">
                  <div class="header-container d-flex justify-content-between highlight">
                     <nav class="highlight">
                        <ul id="responsive-menu" class="slimmenu">
                           <li><a class="nav-link" href="index.html">Home</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="about.html">About</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="#">Pages</a>
                              <ul>
                                 <li><a href="job-listing.html">Job listing</a></li>
                                 <li><a href="job-post.html">Job Details</a></li>
                                 <li><a href="submit.html">Submit Resume</a></li>
                                 <li><a href="post-job.html">Post Job</a></li>
                                 <li><a href="candidates.html">Candidates</a></li>
                                 <li><a href="companies.html">Companies</a></li>								 
                                 <li><a href="login.html">Login</a></li>
                                 <li><a href="reg.html">Register</a></li>
                                 <li><a href="style-guide.html">Style Guide</a></li>
                                 <li><a href="404.html">404 Page </a></li>
                              </ul>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="candidates.html">Candidates</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="blog-page.html">Blog</a>
                              <ul>
                                 <li><a href="blog-details.html">Blog Post</a></li>
                                 <li><a href="style-guide.html">Style Guide</a></li>
                              </ul>
                           </li>
                           <li class="nav-item"><a href="contact.html">Contact</a></li>
                           <li class="nav-item call-to-action "><a href="post-job.html">Post Job</a></li>
                        </ul>
                     </nav>
                  </div>
               </div>
            </div>
         </div>
      </header>
      <!--header-end -->
      <div class="header-banner pt-75 pb-75 clearfix" style="background-image:url(/SWRW/public/assets/images/header-bg.jpg)">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="banner-text text-center">
                     <h1>Front-end developer needed</h1>
                     <ul class="breadcumb list-inline">
                        <li class="list-inline-item"><a href="index.html">Home</a></li>
                        <li class="list-inline-item">Job Post</li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <main class="main-content-area">
         <div class="job-post-details-area pt-100 pb-100">
            <div class="container">
               <div class="row">
                  <div class="col-md-8">
                     <div class="job-post-wrapper">
                        <div class="single-job mb-4 d-md-flex">
                           <div class="logo">
                              <a href="job-post.html"><img src="/SWRW/public/assets/images/logo-4.png" alt="image" /></a>
                           </div>
                           <div class="job-meta">
                              <div class="title">
                                 <h3><a href="job-post.html">
                                    Front-end developer</a>
                                 </h3>
                              </div>
                              <div class="meta-info d-flex">
                                 <p><i class="fa fa-briefcase" aria-hidden="true"></i>Kibo</p>
                                 <p><i class="fa fa-map-marker" aria-hidden="true"></i><a href="#">Canada</a></p>
                                 <p><i class="fa fa-calendar" aria-hidden="true"></i>Today</p>
                              </div>
                           </div>
                        </div>
                        <div class="entry-content">
                           <h4>Job Description</h4>
                           <p>Eros quis interdum tellus facilisis metus sed, cubilia porttitor sit velit, ut elementum dolor adipiscing aliquam amet lacinia, quam ut, amet dolor risus tincidunt ante. Felis magna euismod quis lectus ut, ullamcorper porttitor parturient id. Vestibulum vitae luctus eget, non blandit sed accumsan urna est, diam lobortis</p>
                           <h4>Challenges & Benifits</h4>
                           <p>Eros quis interdum tellus facilisis metus sed, cubilia porttitor sit velit, ut elementum dolor adipiscing aliquam amet lacinia, quam ut, amet dolor risus tincidunt ante. Felis magna euismod quis lectus ut, ullamcorper porttitor parturient id. Vestibulum vitae luctus eget, non blandit sed accumsan urna est, diam lobortis</p>
                           <ul>
                              <li>Maecenas dignissim elementum</li>
                              <li>Vestibulum vitae luctus eget,t</li>
                              <li>Dolor risus tincidunt ante</li>
                              <li>parturient id. Vestibulum vitae</li>
                           </ul>
                           <h4>Experience</h4>
                           <p>Minimum of 3 Years relevant experience</p>
                           <h4>Nice to Have</h4>
                           <p>Eros quis interdum tellus facilisis metus sed, cubilia porttitor sit velit, ut elementum dolor adipiscing aliquam amet lacinia, quam ut, amet dolor </p>
                           <ul>
                              <li>Maecenas dignissim elementum</li>
                              <li>Vestibulum vitae luctus eget,t</li>
                              <li>Dolor risus tincidunt ante</li>
                              <li>parturient id. Vestibulum vitae</li>
                           </ul>
                        </div>
                        <div class="job-apply-wrapper mb-5 mt-4">
                           <a class="btn btn-success" href="#">Apply Now</a>
                        </div>
                     </div>
                     <div class="job-post-list">
                        <div class="sidebar-title inner-section ">
                           <h3>Related Jobs</h3>
                        </div>
                       <div class="single-job d-md-flex" data-aos="fade-left">
                           <div class="logo">
                              <a href="job-post.html"><img src="/SWRW/public/assets/images/logo-2.png" alt="image" /></a>
                           </div>
                           <div class="job-meta">
                              <div class="title">
                                 <h4><a href="job-post.html">
                                    Restaurant Team Member</a>
                                 </h4>
                              </div>
                              <div class="meta-info d-flex">
                                 <p><i class="fa fa-briefcase" aria-hidden="true"></i>Kibo</p>
                                 <p><i class="fa fa-map-marker" aria-hidden="true"></i><a href="#">Canada</a></p>
                                 <p><i class="fa fa-calendar" aria-hidden="true"></i>Today</p>
                              </div>
                           </div>
                           <div class="timing ml-auto">
                              <a class="time-btn1 time-btn" href="#">Full Time</a>
                           </div>
                        </div>
                        <div class="single-job  d-md-flex" data-aos="fade-right">
                           <div class="logo">
                              <a href="job-post.html"><img src="/SWRW/public/assets/images/logo-3.png" alt="image" /></a>
                           </div>
                           <div class="job-meta">
                              <div class="title">
                                 <h4><a href="job-post.html">
                                    Web Designer needed</a>
                                 </h4>
                              </div>
                              <div class="meta-info d-flex">
                                 <p><i class="fa fa-briefcase" aria-hidden="true"></i>Kibo</p>
                                 <p><i class="fa fa-map-marker" aria-hidden="true"></i><a href="#">City Town</a> </p>
                                 <p><i class="fa fa-calendar" aria-hidden="true"></i>4 Days ago</p>
                              </div>
                           </div>
                           <div class="timing ml-auto">
                              <a class="time-btn2 time-btn" href="#">Part Time</a>
                           </div>
                        </div>
                        <div class="single-job  d-md-flex" data-aos="fade-left">
                           <div class="logo">
                              <a href="job-post.html"><img src="/SWRW/public/assets/images/logo-4.png" alt="image" /></a>
                           </div>
                           <div class="job-meta">
                              <div class="title">
                                 <h4><a href="job-post.html">
                                    MySQL Developers</a>
                                 </h4>
                              </div>
                              <div class="meta-info d-flex">
                                 <p><i class="fa fa-briefcase" aria-hidden="true"></i>Kibo</p>
                                 <p><i class="fa fa-map-marker" aria-hidden="true"></i><a href="#">London</a></p>
                                 <p><i class="fa fa-calendar" aria-hidden="true"></i>3 Days ago</p>
                              </div>
                           </div>
                           <div class="timing ml-auto">
                              <a class="time-btn3 time-btn" href="#">Full Time</a>
                           </div>
                        </div>
                        <div class="single-job d-md-flex" data-aos="fade-right">
                           <div class="logo">
                              <a href="job-post.html"><img src="/SWRW/public/assets/images/logo-5.png" alt="image" /></a>
                           </div>
                           <div class="job-meta">
                              <div class="title">
                                 <h4><a href="job-post.html">
                                    UX/UI Designer</a>
                                 </h4>
                              </div>
                              <div class="meta-info d-flex">
                                 <p><i class="fa fa-briefcase" aria-hidden="true"></i>Kibo</p>
                                 <p><i class="fa fa-map-marker" aria-hidden="true"></i><a href="#">London</a></p>
                                 <p><i class="fa fa-calendar" aria-hidden="true"></i>Today</p>
                              </div>
                           </div>
                           <div class="timing ml-auto">
                              <a class="time-btn4 time-btn" href="#">Part Time</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-4">
                     <div class="right-sidebar">
                        <div class="sidebar-widget mb-4">
                           <div class="sidebar-title">
                              <h3>Job Overview</h3>
                           </div>
                           <div class="sidebar-details">
                              <div class="single-overview  d-flex">
                                 <div class="icon"><i class="fa fa-calendar"></i></div>
                                 <div class="meta-overview">
                                    <p>Date Posted: <span>03 april 2018</span></p>
                                 </div>
                              </div>
                              <div class="single-overview  d-flex">
                                 <div class="icon"><i class="fa fa-phone"></i></div>
                                 <div class="meta-overview">
                                    <p>Expiration date: <span>01 december 2018</span></p>
                                 </div>
                              </div>
                              <div class="single-overview  d-flex">
                                 <div class="icon"><i class="fa fa-map-marker"></i></div>
                                 <div class="meta-overview">
                                    <p>Location <span>South Angelina,Canada</span></p>
                                 </div>
                              </div>
                              <div class="single-overview  d-flex">
                                 <div class="icon"><i class="fa fa-clock-o"></i></div>
                                 <div class="meta-overview">
                                    <p>Job title <span>front - end Developer</span></p>
                                 </div>
                              </div>
                              <div class="single-overview  d-flex">
                                 <div class="icon"><i class="fa fa-user"></i></div>
                                 <div class="meta-overview">
                                    <p>Salary: <span>$40000-$60000</span></p>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="sidebar-widget mb-4">
                           <div class="sidebar-title">
                              <h3>Contact info</h3>
                           </div>
                           <div class="sidebar-details">
                              <div class="contact-details  d-flex">
                                 <div class="icon"><i class="fa fa-calendar"></i></div>
                                 <div class="contact-info">
                                    <p>Email: <span>company@gmail.com</span></p>
                                 </div>
                              </div>
                              <div class="contact-details  d-flex">
                                 <div class="icon"><i class="fa fa-phone"></i></div>
                                 <div class="contact-info">
                                    <p>Phone: <span>05-682-0355</span></p>
                                 </div>
                              </div>
                              <div class="contact-details  d-flex">
                                 <div class="icon"><i class="fa fa-map-marker"></i></div>
                                 <div class="contact-info">
                                    <p>Location: <span>South Angelina,Canada</span></p>
                                 </div>
                              </div>
                              <div class="contact-details  d-flex">
                                 <div class="icon"><i class="fa fa-clock-o"></i></div>
                                 <div class="contact-info">
                                    <p>Office time: <span>sat - mon 09:00am - 05:00pm</span></p>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="google-maps">
                           <iframe src="http://www.google.cn/maps/embed?pb=!1m18!1m12!1m3!1d3648.736304708796!2d90.39302341506834!3d23.863495784533754!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c421ebca2981%3A0x2428d2fc4b4ba3f8!2sFreelancing+Care!5e0!3m2!1sen!2sbd!4v1531393261353" style="border:0;width:100%;height:210px;" allowfullscreen></iframe>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </main>
      <!--footer-area-start -->
      <footer>
         <div class="footer-area pt-100 pb-100 clearfix minus-30">
            <div class="container">
               <div class="row">
                  <div class="col-lg-3 col-md-3 col-sm-6">
                     <div class="footer-widget">
                        <div class="widget-title">
                           <a href="index.html"><img src="/SWRW/public/assets/images/footer-logo.png" alt="image" /></a>
                        </div>
                        <p>Cras semper auctor neque vitae tempus quam pellentesque nec nam aliquam sem et tortor consequat id porta nibh venenatis cras sed felis eget  </p>
                        <div class="social-link mt-4">
                           <ul>
                              <li class="facebook"><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                              <li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
                              
                              <li class="linkedin"><a href="#"><i class="fa fa-linkedin" ></i></a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-3 col-sm-6">
                     <div class="footer-widget">
                        <div class="widget-title">
                           <h3>Candidates</h3>
                        </div>
                        <div class="widget-link">
                           <ul>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Browse Jobs</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Submit Resume</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>My Bookmarks</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Job Alerts</a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-3 col-sm-6">
                     <div class="footer-widget">
                        <div class="widget-title">
                           <h3>Employers</h3>
                        </div>
                        <div class="widget-link">
                           <ul>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Employers</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Add Job</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Jobs Listing</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Employers Grid</a></li>
                              <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Employer Listing</a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-3 col-md-3 col-sm-6">
                     <div class="footer-widget">
                        <div class="widget-title">
                           <h3>Subscribe Us</h3>
                        </div>
                        <div class="widget-text">
                           <form action="#">
                              <input type="email" placeholder="Your Email" />
                              <button type="submit" class="buttonfx curtainup">Subscribe</button>
                           </form>
                           <p>Nceptos, nulla dictumst neque nam aliquam</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="footer-bottom-area clearfix">
            <div class="container">
               <div class="row">
                  <div class="col-md-12">
                     <div class="footer-bottom text-center">
                        <p>&copy; Copyright - 2019 trabajo - Designed By <a href="http://www.jq22.com/">Themeix</a></p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </footer>
      <!--footer-area-end -->
      <!-- ==================== START PRELOADER HERE ===================================== -->
      <div class="preloader" id="preloader">
         <div class="lds-ripple">
            <div></div>
            <div></div>
         </div>
      </div>
      <!-- ==================== END PRELOADER HERE ===================================== -->		
      <!-- ====================ALL JS FILE HERE===================================== -->
      <!-- jQuery -->
	  <script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script>
	  <script src="/SWRW/public/assets/js/modules/bootstrap.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/proper.js"></script>
	  <script src="/SWRW/public/assets/js/modules/jquery.waypoints.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/owl.carousel.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/magnific.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/typing.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/select2.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/aos.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/slimmenu.min.js"></script>
	  
      <script src="/SWRW/public/assets/js/app.js"></script>  
   </body>
</html>
